<template #right>
 
 <div class="my-goods-item">
    <div class="left">
      <div class="custom-control custom-checkbox">
        <input type="checkbox" class="custom-control-input" :id="gobj.id" v-model="gobj.goods_state"/>
        <label class="custom-control-label" :for="gobj.id">
          <img
            :src="gobj.proimg"
            alt=""
          />
        </label>       
      </div>
        
    </div>
    <div class="right">
             <div class="top">伊美娜{{gobj.definite}}</div>
             <div class="bottom1">
        <span class="price">¥ {{gobj.price}}</span>
        <span>
            <MyCount :obj="gobj"/>
        </span>
      </div>
        </div>
  </div>
  
</template>

<script>
import MyCount from "./MyCount.vue"
export default {
    components:{
        MyCount,
    },
    props:{
      gobj:Object
    },
    data () {
      return {
        
      }
    },
    methods: {
      //id 移除
      deletee(){
        axios({
             url: "",
             method: "get",
             params:{
               residenceId: this.receiveId
             }
           }).then((res)=>{
               this.arr = res.data.
               console.log(this.editInformance+"查看详情页面数据根据服务id查看的页面数据-------------");
           })
      }
    }
};
</script>

<style lang="less" scoped>
 .delete-button {
    height: 100%;
  }
.my-goods-item {

  padding: 15px;
  /* 容器设为弹性布局 */
  display: flex;
  border-bottom: 1px solid #ccc;
  
  .left 
  {img {
   
    border-radius: 10px;
    background-color: #fff;
     margin-right: 8px;
      width: 100px;
      height: 100px;
   }
   .custom-control-label::before,
    .custom-control-label::after {
      top: 50px;
    }
   
    
  }
  .right{   
      flex: 1;     
       display: flex;     
    
     justify-content: space-between;
    //  设置主轴垂直方向
     flex-direction: column;
      .top{
        font-size: 10px;
        // 字体变黑加粗
        font-weight: 700;
    }
    .bottom1{
        display: flex;
        justify-content: space-between;
        padding: 5px 0;
         align-items: center;
         .price {
        color: red;
        font-weight: bold;
      }
    }
  }
}
</style>